<template>
  <div class="left">
    <h1>Left组件</h1>
    <h1>{{$store.state.num}}</h1>
    <button @click="clickIncrement">+1</button>
    <button @click="clickIncrement2">+2</button>
  </div>
</template>

<script>
export default {
    methods:{
        clickIncrement(){
            /*
                一、this.$store.commit(参数1)的说明
                1、作用：在vueComponent组件中可以使用this.$store.commit方法
                来完成对vuex中的muatations中相关方法操作
                2、参数说明
                参数1：表示mutations对象中要调用的方法名，必须的参数
                参数2：不是必须参数，组件中要传递的数据
            */
            this.$store.commit('increment')
        },
        clickIncrement2(){
            this.$store.commit('increment2',{params1:2,params2:10})
        }
    }
}
</script>

<style>
    .left{
        width: 100%;
        height: 200px;
        background-color:orange;
    }
</style>